<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Shopping</title>
	<script src="js/jquery-1.4min.js" type="text/javascript"></script>
    <script src="js/menu.js" type="text/javascript"></script>
    <script src="js/jquery.lightbox.js" type="text/javascript"></script>
	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/menu.css"/>
    <link rel="stylesheet" type="text/css" href="css/lightbox.css"/>
    	<script>
		$(document).ready(function(){
			$(".lightbox").lightbox();
		});

	</script>
</head>

<body>
<div class="body">
	<div id="top">
    	<div class="site" style="position:relative;">
        	www.zend.vn
        </div>
    </div>
    
    <div id="banner">
    	<div class="logo">
        	<a href="#"><img src="images/logo.png" /></a>
        </div>
        <div class="clr"></div>
    </div>

	<div id="menu">
   	  <div class="line-1">
        	<ul class="menu-top">
            	<li class="active">
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Home</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">About Us</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Products</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">News</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Contact</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="line-2"></div>
    </div>
    <div id="main-content">
    	<div class="frame">
        	
        	<div id="left">
            	<div id="block">
                	<div class="header-orange">
                    	<div class="icon"></div>
                        <div class="title">VIDEO CLIP</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<img src="images/player.jpg" />
                     </div>
                </div>
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">CATEGORIES</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
						<div id="menu-vertical">
                     	<ul>
                        <li>
                            <a href="#">Máy tính & Internet</a>
                            <ul>
                                <li>
                                    <a href="#">Lập trình</a>
                                    <ul>
                                        <li><a href="#">PHP</a></li>
                                        <li><a href="#">ASP</a></li>
                                        <li><a href="#">C#</a></li>
                                        <li><a href="#">Java</a></li>
                                        <li><a href="#">Visual Basic</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Phần mềm</a>
                                    <ul>
                                        <li><a href="#">Window</a></li>
                                        <li><a href="#">Adobe</a></li>
                                        <li><a href="#">Apple</a></li>
                                        <li><a href="#">Linux</a></li>
                                        <li><a href="#">Opensource</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Khoa học Máy tính</a></li>
                                <li><a href="#">Phát triển Web</a></li>
                                <li><a href="#">Thiết kế đồ họa</a></li>
                                <li><a href="#">Mạng</a></li>
                                <li><a href="#">Bảo mật và mã hóa</a></li>
                                <li><a href="#">Phần cứng</a></li>
                                <li><a href="#">Viễn thông</a></li>
                                <li><a href="#">Microsoft</a></li>
                                <li><a href="#">Cơ sở dữ liệu</a></li>
                            </ul>
                    
                        </li>
                        <li>
                            <a href="#">Kinh doanh & Đầu tư</a>
                            <ul>
                                <li><a href="#">Tiếp thị & Bán hàng</a></li>
                                <li><a href="#">Doanh nghiệp</a></li>
                                <li><a href="#">Kế toán</a></li>
                                <li><a href="#">Chuyên ngành</a></li>
                                <li><a href="#">Quản lý và Lãnh đạo</a></li>
                                <li><a href="#">Kỹ năng</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Chuyên nghành và kỹ thuật</a>
                            <ul>
                                <li><a href="#">Quản lý kinh doanh</a></li>
                                <li><a href="#">Kế toán & Tài chính</a></li>
                                <li><a href="#">Kỹ thuật</a></li>
                                <li><a href="#">Giáo dục</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Khoa học & Ngoại ngữ</a>
                            <ul>
                                <li><a href="#">Ngoại ngữ</a></li>
                                <li><a href="#">Khoa học xã hội</a></li>
                                <li><a href="#">Giáo dục</a></li>
                                <li><a href="#">Viễn tưởng</a></li>
                                <li><a href="#">Nghiên cứu</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Y tế, Tâm thức và cơ thể</a></li>
                        <li><a href="#">Truyện tranh</a></li>
                        <li><a href="#">Gia đình & con cái </a></li>                           
                    </ul>
					</div>
                     </div>
                </div>
            </div>
            <div id="center">
	            <div id="block-center" style="position: relative;">
                	<img src="images/banner.jpg" />
                </div>
                <div id="block-center" style="position: relative;">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">SPECIAL BOOKS</div>
                        <div class="clr"></div>
                  </div>
                     <div class="block-content-2">
                     	<div id="products">
                        	<div id="item">
                            	<div class="img">
                                <a href="images/db001.jpg"  class="lightbox" rel="flowers" title="jQuery Lightbox Sample Image">
                           	  <img src="images/ebook-001.jpg" />
                              </a>
                              </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-002.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                          <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                          <div class="clr" style="margin-bottom: 15px;"></div>
                        </div>
                     </div>
                </div>
            	<div id="block-center" style="position: relative;">
                	<div class="header-orange">
                    	<div class="icon"></div>
                        <div class="title">NEW BOOKS</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content-1">
                     	<div id="products">
                        	<div id="item">
                            	<div class="img">
                                <a href="images/db001.jpg"  class="lightbox" rel="flowers" title="jQuery Lightbox Sample Image">
                           	  <img src="images/ebook-001.jpg" />
                              </a>
                              </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-002.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div id="item">
                            	<div class="img">
                                	<img src="images/ebook-001.jpg" />
                                </div>
                                <div class="title">
                                	Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice)
                                </div>
                                <div class="price">
                                	Price: <span class="price-1">$54</span> 
                                    <span class="saleoff"> $45</span>
                                </div>
                                <div class="add-to-cart">
                                	<span><img src="images/add-cart-icon.png" /></span> 
                                    <span><a href="#">Detail</a></span>
                                </div>
                         	</div>
                            <div class="clr" style="margin-bottom: 15px;"></div>
                        </div>
                     </div>
                </div>
            	
                <div id="paging">
                	<div style="float: right;">
                        <span class="page-text">Trang:</span> 
                        <span class="link"><a href="#">1</a></span> 
                        <span class="active">2</span> 
                        <span class="link"><a href="#">3</a></span> 
                        <span class="link"><a href="#">4</a></span> 
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div id="right" style="position:relative;">
            <div id="block">
                        <div class="cart">
		                 	<div class="icon-cart">
                            	<div class="icon-text-1">
                                	Giỏ hàng
                                </div>
                                <div class="icon-text-2">
                                	Hiện nay có 0 sản phẩm 
                                </div>
                            </div> 			
		                 </div>
	                </div>
            	
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">TOP PRODUCTS</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<div class="top-book">
                        	<div class="item-right">
                            	
                           	  <img src="images/ebook-001.jpg" />
                            </div>
                            <div class="item-right">
                            	
                           	  <img src="images/ebook-001.jpg" />
                            </div>
                            <div class="item-right">
                            	
                           	  <img src="images/ebook-001.jpg" />
                            </div>
                        </div>
                     </div>
                </div>
            </div>
            
            
            <div class="clr"></div>
        </div>
    </div>
    <div id="footer">
    
    </div>
    
</div>
</body>
</html>
